Как быстро удалить класс из элемента HTML при помощи jquery? Тут у вас должен быть целый набор классов. Допустим, у вас 3 статуса: работает, на контроле, ошибка. Нужно сделать 3 класса в css-файле. Представьте себе 3 блока div.
<style>
.status-work {background-color: green;}
.status-control {background-color: yellow;}
.status-error {background-color: red;}
</style>
<div id='box1'>блок 1</div>
<div id='box2'>блок 2</div>
<div id='box3'>блок 3</div>
Во время работы блоки должны менять цвета в зависимости от ситуации. Тут на помощь придут 2 функции функция addClass() и removeClass(). Функция removeClass() удаляет указанный класс из набора совпавших элементов. Вы можете сразу добавить всем блокам статус работает $("div[id*='box']").addClass('status-work'). В зависимости от ситуации вы можете менять цвета у блоков.
var status = 0;
/* тут должны быть ваши проверки и запись результата (0,1,2) в переменную status
очистка 3 тегов div от 3 стилей */
$("div[id^='box']").removeClass("status-work status-control status-error");
if(status == 0){
$("div[id^='box']").addClass('status-work');
}else if(status == 1){
$("div[id^='box']").addClass('status-control');
}else{
$("div[id^='box']").addClass('status-error ');
}
Вы можете налету менять свойства класса. Смотрте статью как получить изменить свойства класса для элемента css() jquery